import React from 'react';
import { Col, Row, Image, Flex } from 'antd';
import sensor1 from '../assets/productImg/sensor1.png';
import sensor2 from '../assets/productImg/sensor2.png';
import sensor3 from '../assets/productImg/sensor3.png';
import sensor4 from '../assets/productImg/sensor4.png';
import './less/Sensor.less';
import './less/index.less';
const Sensor = () => (
    <>

        <Row gutter={[32, 32]} justify={'center'} >
            <Col xl={7} lg={24} className='gutter-box imgPage'>
                <img alt='img' className=' svimg' src={sensor3} />
            </Col>
        </Row>
        <Row gutter={[32, 32]} justify={'center'} style={{margin:'16px 0px'}}>
            <Col xl={7} lg={24} className='gutter-box imgPage'>
                <img alt='img' className='svimg' src={sensor1} />
            </Col>
            <Col xl={7} lg={24} className='gutter-box imgPage'>
                <img alt='img' className='svimg' src={sensor2} />
            </Col>
        </Row>




    </>
);

export default Sensor;